<template>
  <div class="huoqipage">
     <div class="breakline">
        当前位置：账户查询>账户信息查询><span>活期账户</span>
     </div>
     <div class="numberline">
        <div class="num">3200****2743</div>
     </div>
    <div class="zhanghubox">
         <div class="line">
        <div class="label"><div class="labeltitle">账号：</div> <span>32001647136052522743</span></div>
        <div class="value"><div class="labeltitle">账户名称：</div> <span>江苏知己新能源科技有限公司</span></div>
     </div>
    <div class="line">
        <div class="label"><div class="labeltitle">币种：</div>  <span>人民币元</span></div>
        <div class="value"><div class="labeltitle">开户行名称：</div> <span>中国建设银行股份有限公司海安支行</span></div>
     </div>
    <div class="line">
        <div class="label"><div class="labeltitle">期初余额：</div> <span></span></div>
        <div class="value"><div class="labeltitle">当前余额：</div> <span>1,003.38</span></div>
     </div>
      <div class="line">
        <div class="label"><div class="labeltitle">账户状态：</div> <span>正常</span></div>
        
     </div>
    </div>


    <div class="downline">
       <el-dropdown >
  <span class="el-dropdown-link">
    <span class="iconfont icon-xiazai1"></span> 下载当前页
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item >Txt下载</el-dropdown-item>
    <el-dropdown-item>Excel下载</el-dropdown-item>
    <el-dropdown-item>PDF下载</el-dropdown-item>
    
  </el-dropdown-menu>
</el-dropdown>
<el-dropdown @command="downlist">
  <span class="el-dropdown-link">
    <span class="iconfont icon-xiazai1"></span> 下载全部
  </span>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item>Txt/PDF下载</el-dropdown-item>
    <el-dropdown-item>Excel下载</el-dropdown-item>
    
  </el-dropdown-menu>
</el-dropdown>
    </div>

<div class="tablepage">
<div class="table-container">
<table class="account-table">
<thead >
<tr style="background: #C7E0F4;">
    <th style="background: #C7E0F4;" rowspan="2">选择</th>
    <th style="background: #C7E0F4;" rowspan="2">交易时间<span class="iconfont icon-expand-up-down-fill"></span></th>
    <th style="background: #C7E0F4;"  colspan="2">发生额/万元</th>
    <th style="background: #C7E0F4;" rowspan="2">余额<span class="iconfont icon-expand-up-down-fill"></span></th>
    <th style="background: #C7E0F4;" rowspan="2">对方户名 <span class="iconfont icon-expand-up-down-fill"></span></th>
    <th style="background: #C7E0F4;" rowspan="2">对方账号 <span class="iconfont icon-expand-up-down-fill"></span> </th>
    <th style="background: #C7E0F4;" rowspan="2">对方开户机构 <span class="iconfont icon-expand-up-down-fill"></span></th>
    <th style="background: #C7E0F4;" rowspan="2">记账日期 <span class="iconfont icon-expand-up-down-fill"></span> </th>
    <th style="background: #C7E0F4;" rowspan="2">摘要 <span class="iconfont icon-expand-up-down-fill"></span>  </th>
    <th style="background: #C7E0F4;" rowspan="2">备注 <span class="iconfont icon-expand-up-down-fill"></span>  </th>
  </tr>
  <tr style="background: #C7E0F4;">
    <th style="background: #C7E0F4;">借方(支取) <span class="iconfont icon-expand-up-down-fill"></span></th>
    <th style="background: #C7E0F4;">贷方(收入) <span class="iconfont icon-expand-up-down-fill"></span></th>
  </tr>
</thead>
<tbody >
<tr style="background: #ECF3FB;" v-for="item in list" :key="item.id">
<td><input type="checkbox" v-model="selected"/></td>
<td >{{item.date}} <br/> {{item.time}}</td>
<td>{{formatNumber(item.jiefang)}}</td>
<td>{{formatNumber(item.daifang)}}</td>
<td>{{formatNumber(item.yue)}}</td>
<td>{{item.duifanghuming}}</td>
<td>{{item.zhanghao}}</td>
<td>{{item.jigou}}</td>
<td>{{item.riqi}}</td>
<td>{{item.zhaiyao}}</td>
<td>{{item.beizhu}}</td>
</tr>
<!-- <tr >
<td><input type="checkbox" v-model="selected"/></td>
<td >20250321 <br/> 14:25:15</td>
<td>0.00</td>
<td>5.00</td>
<td>44.14</td>
<td>江苏知己新能源科技有限公司</td>
<td>513905049610666</td>
<td>招商银行股份有限公司海安支行</td>
<td>20250321</td>
<td>电子汇入</td>
<td>往来款</td>
</tr>
<tr style="background: #ECF3FB;">
<td><input type="checkbox" v-model="selected"/></td>
<td >20250421 <br/>10:57:41</td>
<td>0.00</td>
<td>1,000.00</td>
<td>1,044.14</td>
<td>江苏知己新能源科技有限公司</td>
<td>10700101040218645</td>
<td>中国农业银行股份有限公司海安支行</td>
<td>20250421</td>
<td>电子汇入</td>
<td>往来款</td>
</tr>
<tr >
<td><input type="checkbox" v-model="selected"/></td>
<td >20250422 <br/> 22:05:27</td>
<td>240.00</td>
<td>0.00</td>
<td>804.14</td>
<td></td>
<td></td>
<td></td>
<td>20250422</td>
<td>企业网银服务费</td>
<td>企业网银高级版</td>
</tr>
<tr style="background: #ECF3FB;">
<td><input type="checkbox" v-model="selected"/></td>
<td >20250426 <br/> 09:38:35</td>
<td>0.00</td>
<td>100.00</td>
<td>904.14</td>
<td>江苏知己新能源科技有限公司</td>
<td>504070691148</td>
<td>中国银行海安江海绿支行</td>
<td>20250426</td>
<td>电子汇入</td>
<td>往来款</td>
</tr>
<tr >
<td><input type="checkbox" v-model="selected"/></td>
<td >20250621 <br/> 01:35:17</td>
<td>0.00</td>
<td>0.12</td>
<td>904.26</td>
<td></td>
<td></td>
<td></td>
<td>20250621</td>
<td>结息</td>
<td></td>
</tr>
<tr style="background: #ECF3FB;">
<td><input type="checkbox" v-model="selected"/></td>
<td >20250807 <br/> 01:59:00</td>
<td>6.00</td>
<td>0.00</td>
<td>898.26</td>
<td></td>
<td></td>
<td></td>
<td>20250807</td>
<td>收费</td>
<td>商户卡-单位结算年费</td>
</tr>
<tr >
<td><input type="checkbox" v-model="selected"/></td>
<td >20250807 <br/> 11:08:34</td>
<td>0.00</td>
<td>5.00</td>
<td>903.26</td>
<td>江苏知己新能源科技有限公司</td>
<td>513905049610666</td>
<td>招商银行股份有限公司海安支行</td>
<td>20250807</td>
<td>电子汇入</td>
<td>往来款</td>
</tr>
<tr style="background: #ECF3FB;">
<td><input type="checkbox" v-model="selected"/></td>
<td >20250921<br/> 01:55:03</td>
<td>0.00</td>
<td>0.12</td>
<td>903.38</td>
<td></td>
<td></td>
<td></td>
<td>20250901</td>
<td>结息</td>
<td></td>
</tr>
<tr >
<td><input type="checkbox" v-model="selected"/></td>
<td >20251025 <br/> 15:14:40</td>
<td>0.00</td>
<td>100.00</td>
<td>1003.38</td>
<td>江苏知己新能源科技有限公司</td>
<td>10700101040218645</td>
<td>中国农业银行股份有限公司海安支行</td>
<td>20251025</td>
<td>电子汇入</td>
<td>往来款</td>
</tr> -->
</tbody>
</table>
<div class="pageline">
     <div class="selectline">
        <el-checkbox v-model="checked">全选</el-checkbox>
        <span>本次查询时间：{{start}}-{{end}}</span>
        <div class="down">
             <div class="itemdown">
                <div class="iconfont icon-xiazai1"></div>
                下载当前页
             </div>
                <div class="itemdown">
                <div class="iconfont icon-xiazai1"></div>
                下载全部
             </div>
                <div class="itemdown">
                <div class="iconfont icon-xiazai1"></div>
                打印
             </div>
        </div>
     </div>
     <div class="fenye">
        <div class="fenyetitle">转出交易：{{start=='20240101'?'26':'26'}}笔 金额：{{start=='20240101'?'16174085.87':'14936737.72'}}元； 转入交易：{{start=='20240101'?'22':'19'}}笔 金额：{{start=='20240101'?'16174024.95':'14937601.97'}}元；<div class="iconfont icon-bangzhu1"></div></div>
        <div class="home">首页</div>
        <div class="shang"> 上一页</div>
        <div class="ye">1</div>
        <div class="xia">下一页</div>
        <div class="all">共1页</div>
      <div class="tiao">到第<div class="box"></div>页</div>
      <div class="zhuan">转至</div>
     </div>
</div>

<div class="actions">
<button>电子回执打印/预览</button>
<button>返回</button>

</div>
</div>


</div>
<div class="tips">
<h4>温馨提示</h4>
<p>下载其他格式功能提供使用至2015年12月31日截止</p>

</div>



  </div>
</template>

<script>

export default {
    
data(){
    return{
        start:'',
        end:'',
        list:[],
      list1:[
        {
        id:1,
date:'20240127',
time:'16:42:08',
jiefang:'0.00',
daifang:'4.00',
yue:'104.05',
duifanghuming:'江苏知己新能源科技有限公司',
zhanghao:'50150188000161254',
jigou:'江苏银行股份有限公司南通分行营业部',
riqi:'20240127',
zhaiyao:'电子汇入',
beizhu:'往来款'
},
{
    id:2,
date:'20240218',
time:'15:45:09',
jiefang:'0.00',
daifang:'3152461.49',
yue:'3152565.54',
duifanghuming:'海安新生医院',
zhanghao:'32001640200052500816',
jigou:'中国建设银行股份有限公司海安开发区支行',
riqi:'20240218',
zhaiyao:'电子汇入',
beizhu:'热量费'
},
{
    id:3,
date:'20240221',
time:'09:56:05',
jiefang:'1285621.33',
daifang:'0.00',
yue:'1866944.21',
duifanghuming:'国网江苏省电力有限公司',
zhanghao:'95598',
jigou:'中国银行江苏省分行营业部',
riqi:'20240221',
zhaiyao:'转账',
beizhu:'电费'
},
{
    id:4,
date:'20240319',
time:'13:48:02',
jiefang:'1134382.67',
daifang:'0.00',
yue:'732561.54',
duifanghuming:'国网江苏省电力有限公司',
zhanghao:'95598',
jigou:'中国银行江苏省分行营业部',
riqi:'20240319',
zhaiyao:'转账',
beizhu:'电费'
},
{
    id:5,
date:'20240320',
time:'09:54:58',
jiefang:'662490.00',
daifang:'0.00',
yue:'70071.54',
duifanghuming:'贲可红',
zhanghao:'6228480429029954675',
jigou:'中国农业银行资金清算中心',
riqi:'20240320',
zhaiyao:'转账',
beizhu:'往来款'
},
{
    id:6,
date:'20240320',
time:'09:54:58',
jiefang:'10.00',
daifang:'0.00',
yue:'70061.54',
duifanghuming:'',
zhanghao:'',
jigou:'',
riqi:'20240320',
zhaiyao:'企业网银服务费',
beizhu:''
},
{
    id:7,
date:'20240321',
time:'00:03:18',
jiefang:'0.00',
daifang:'32.56',
yue:'70094.10',
duifanghuming:'',
zhanghao:'',
jigou:'',
riqi:'20240321',
zhaiyao:'结息',
beizhu:''
},
{
    id:8,
date:'20240329',
time:'16:54:26',
jiefang:'69990.00',
daifang:'0.00',
yue:'104.10',
duifanghuming:'贲可红',
zhanghao:'6228480429029954675',
jigou:'中国农业银行资金清算中心',
riqi:'20240329',
zhaiyao:'转账',
beizhu:'往来款'
},
{
    id:9,
date:'20240409',
time:'09:42:35',
jiefang:'0.00',
daifang:'150.00',
yue:'254.10',
duifanghuming:'江苏知己新能源科技有限公司',
zhanghao:'10700101040218645',
jigou:'中国农业银行股份有限公司海安市支行',
riqi:'20240409',
zhaiyao:'电子汇入',
beizhu:'往来款'
},
{
    id:10,
date:'20240414',
time:'23:06:29',
jiefang:'240.00',
daifang:'0.00',
yue:'14.10',
duifanghuming:'',
zhanghao:'',
jigou:'',
riqi:'20240414',
zhaiyao:'企业网银服务费',
beizhu:'企业网银高级版'
},{
id: 11,
date: '20240513',
time: '16:06:35',
jiefang: '0.00',
daifang: '6.00',
yue: '20.10',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '10700101040218645',
jigou: '中国农业银行股份有限公司海安市支行',
riqi: '20240513',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 12,
date: '20240521',
time: '15:32:54',
jiefang: '0.00',
daifang: '1243367.96',
yue: '1243388.06',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20240521',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 13,
date: '20240522',
time: '14:54:21',
jiefang: '1186523.21',
daifang: '0.00',
yue: '56864.85',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20240522',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 14,
date: '20240618',
time: '09:54:32',
jiefang: '0.00',
daifang: '1243367.96',
yue: '1300232.81',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20240618',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 15,
date: '20240618',
time: '09:55:52',
jiefang: '0.00',
daifang: '1606618.54',
yue: '2906851.35',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20240618',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 16,
date: '20240620',
time: '08:52:14',
jiefang: '0.00',
daifang: '5.00',
yue: '2906856.35',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '10700101040218645',
jigou: '中国农业银行股份有限公司海安市支行',
riqi: '20240620',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 17,
date: '20240620',
time: '15:21:15',
jiefang: '2906834.75',
daifang: '0.00',
yue: '21.60',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20240620',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 18,
date: '20240620',
time: '15:21:15',
jiefang: '10.00',
daifang: '0.00',
yue: '11.60',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20240620',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 19,
date: '20240621',
time: '00:31:25',
jiefang: '0.00',
daifang: '13.52',
yue: '25.12',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20240621',
zhaiyao: '结息',
beizhu: ''
},
{
id: 20,
date: '20240719',
time: '10:03:19',
jiefang: '0.00',
daifang: '2216137.41',
yue: '2216162.53',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20240719',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 21,
date: '20240721',
time: '10:29:19',
jiefang: '951210.11',
daifang: '0.00',
yue: '1264952.42',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20240721',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 22,
date: '20240725',
time: '15:20:10',
jiefang: '800159.03',
daifang: '0.00',
yue: '464793.39',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20240725',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 23,
date: '20240726',
time: '13:29:07',
jiefang: '8.00',
daifang: '0.00',
yue: '464785.39',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20240726',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 24,
date: '20240726',
time: '13:30:09',
jiefang: '464760.27',
daifang: '0.00',
yue: '25.12',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20240726',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 25,
date: '20240816',
time: '13:30:09',
jiefang: '0.00',
daifang: '2251254.19',
yue: '2251279.31',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20240816',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 26,
date: '20240820',
time: '10:09:11',
jiefang: '956489.55',
daifang: '0.00',
yue: '1294789.76',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20240820',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 27,
date: '20240820',
time: '13:09:45',
jiefang: '604770.64',
daifang: '0.00',
yue: '690019.12',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20240820',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 28,
date: '20240826',
time: '14:30:55',
jiefang: '90.00',
daifang: '0.00',
yue: '689929.12',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20240826',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 29,
date: '20240826',
time: '14:39:41',
jiefang: '689910.00',
daifang: '0.00',
yue: '19.12',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20240826',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 30,
date: '20240911',
time: '09:39:45',
jiefang: '0.00',
daifang: '1491256.47',
yue: '1491275.59',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20240911',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 31,
date: '20240923',
time: '14:39:41',
jiefang: '630158.46',
daifang: '0.00',
yue: '861117.13',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20240923',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 32,
date: '20240923',
time: '14:43:01',
jiefang: '861094.01',
daifang: '0.00',
yue: '23.12',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20240923',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 33,
date: '20241015',
time: '11:05:32',
jiefang: '0.00',
daifang: '324954.32',
yue: '324977.44',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20241015',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 34,
date: '20241016',
time: '15:30:44',
jiefang: '0.00',
daifang: '4.00',
yue: '324981.44',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '10700101040218645',
jigou: '中国农业银行股份有限公司海安市支行',
riqi: '20241016',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 35,
date: '20241018',
time: '16:11:57',
jiefang: '0.00',
daifang: '236150.00',
yue: '561131.44',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20241018',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 36,
date: '20241022',
time: '05:41:29',
jiefang: '561104.32',
daifang: '0.00',
yue: '27.12',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20241022',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 37,
date: '20241029',
time: '09:06:51',
jiefang: '0.00',
daifang: '4.00',
yue: '31.12',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '513905049610666',
jigou: '招商银行股份有限公司海安支行',
riqi: '20241029',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 38,
date: '20241113',
time: '15:18:40',
jiefang: '0.00',
daifang: '5.00',
yue: '36.12',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '10700101040218645',
jigou: '中国农业银行股份有限公司海安市支行',
riqi: '20241113',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 39,
date: '20241119',
time: '14:36:08',
jiefang: '0.00',
daifang: '643901.44',
yue: '643937.56',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20241119',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 40,
date: '20241120',
time: '14:08:15',
jiefang: '558201.09',
daifang: '0.00',
yue: '85736.47',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20241120',
zhaiyao: '转账',
beizhu: '电费'
},

{
id: 41,
date: '20241126',
time: '11:22:41',
jiefang: '85695.35',
daifang: '0.00',
yue: '41.12',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20241126',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 42,
date: '20241127',
time: '09:12:38',
jiefang: '5.00',
daifang: '0.00',
yue: '36.12',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20241127',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 43,
date: '20241210',
time: '16:08:43',
jiefang: '0.00',
daifang: '3.00',
yue: '39.12',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '513905049610666',
jigou: '招商银行股份有限公司海安支行',
riqi: '20241210',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 44,
date: '20241217',
time: '10:37:14',
jiefang: '0.00',
daifang: '1764328.08',
yue: '1764367.20',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20241217',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 45,
date: '20241219',
time: '09:51:09',
jiefang: '719500.37',
daifang: '0.00',
yue: '1044866.83',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20241219',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 46,
date: '20241219',
time: '15:40:07',
jiefang: '1044819.71',
daifang: '0.00',
yue: '47.12',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20241219',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 47,
date: '20241220',
time: '16:10:24',
jiefang: '8.00',
daifang: '0.00',
yue: '39.12',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20241220',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 48,
date: '20241221',
time: '00:15:40',
jiefang: '0.00',
daifang: '0.01',
yue: '39.13',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20241221',
zhaiyao: '结息',
beizhu: ''
}
],
list2: [ {
        id: 1001,
        date: '20250110',
        time: '14:29:08',
        jiefang: '0.00',
        daifang: '1652140.65',
        yue: '1652179.78',
        duifanghuming: '海安新生医院',
        zhanghao: '32001640200052500816',
        jigou: '中国建设银行股份有限公司海安开发区支行',
        riqi: '20250110',
        zhaiyao: '电子汇入',
        beizhu: '热量费'
    },
    {
        id: 1002,
        date: '20250115',
        time: '15:34:20',
        jiefang: '735246.84',
        daifang: '0.00',
        yue: '916932.94',
        duifanghuming: '国网江苏省电力有限公司',
        zhanghao: '95598',
        jigou: '中国银行江苏省分行营业部',
        riqi: '20250115',
        zhaiyao: '转账',
        beizhu: '电费'
    },
    {
        id: 1003,
        date: '20250120',
        time: '09:06:48',
        jiefang: '910000.00',
        daifang: '0.00',
        yue: '6932.94',
        duifanghuming: '贲可红',
        zhanghao: '6228480429029954675',
        jigou: '中国农业银行资金清算中心',
        riqi: '20250120',
        zhaiyao: '转账',
        beizhu: '往来款'
    },
    {
        id: 1004,
        date: '20250120',
        time: '09:06:48',
        jiefang: '8.00',
        daifang: '0.00',
        yue: '6924.94',
        duifanghuming: '',
        zhanghao: '',
        jigou: '',
        riqi: '20250120',
        zhaiyao: '企业网银服务费',
        beizhu: ''
    },
    {
        id: 1005,
        date: '20250219',
        time: '16:32:09',
        jiefang: '0.00',
        daifang: '1803554.96',
        yue: '1810479.90',
        duifanghuming: '海安新生医院',
        zhanghao: '32001640200052500816',
        jigou: '中国建设银行股份有限公司海安开发区支行',
        riqi: '20250219',
        zhaiyao: '电子汇入',
        beizhu: '热量费'
    },
    {
        id: 1006,
        date: '20250220',
        time: '08:15:22',
        jiefang: '641530.72',
        daifang: '0.00',
        yue: '1168949.18',
        duifanghuming: '国网江苏省电力有限公司',
        zhanghao: '95598',
        jigou: '中国银行江苏省分行营业部',
        riqi: '20250220',
        zhaiyao: '转账',
        beizhu: '电费'
    },
    {
        id: 1007,
        date: '20250225',
        time: '11:53:46',
        jiefang: '1160000.00',
        daifang: '0.00',
        yue: '8949.18',
        duifanghuming: '贲可红',
        zhanghao: '6228480429029954675',
        jigou: '中国农业银行资金清算中心',
        riqi: '20250225',
        zhaiyao: '转账',
        beizhu: '往来款'
    },
    {
        id: 1008,
        date: '20250225',
        time: '11:53:46',
        jiefang: '10.00',
        daifang: '0.00',
        yue: '8939.18',
        duifanghuming: '',
        zhanghao: '',
        jigou: '',
        riqi: '20250225',
        zhaiyao: '企业网银服务费',
        beizhu: ''
    },
    {
        id: 1009,
        date: '20250318',
        time: '13:59:08',
        jiefang: '0.00',
        daifang: '1076354.57',
        yue: '1085293.75',
        duifanghuming: '海安新生医院',
        zhanghao: '32001640200052500816',
        jigou: '中国建设银行股份有限公司海安开发区支行',
        riqi: '20250318',
        zhaiyao: '电子汇入',
        beizhu: '热量费'
    },
    {
        id: 1010,
        date: '20250320',
        time: '10:03:39',
        jiefang: '559120.34',
        daifang: '0.00',
        yue: '526173.41',
        duifanghuming: '国网江苏省电力有限公司',
        zhanghao: '95598',
        jigou: '中国银行江苏省分行营业部',
        riqi: '20250320',
        zhaiyao: '转账',
        beizhu: '电费'
    },

{
id: 1011,
date: '20250320',
time: '17:01:23',
jiefang: '526120.95',
daifang: '0.00',
yue: '52.46',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250220',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 1012,
date: '20250320',
time: '17:01:23',
jiefang: '5.00',
daifang: '0.00',
yue: '47.46',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250220',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 1013,
date: '20250321',
time: '00:19:56',
jiefang: '0.00',
daifang: '0.01',
yue: '47.47',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250321',
zhaiyao: '结息',
beizhu: ''
},
{
id: 1014,
date: '20250321',
time: '14:25:15',
jiefang: '0.00',
daifang: '5.00',
yue: '52.47',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '513905049610666',
jigou: '招商银行股份有限公司海安支行',
riqi: '20250321',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 1015,
date: '20250415',
time: '12:06:49',
jiefang: '0.00',
daifang: '115900.00',
yue: '115952.47',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250415',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 1016,
date: '20250418',
time: '09:44:06',
jiefang: '0.00',
daifang: '362657.02',
yue: '478609.49',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250418',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1017,
date: '20250420',
time: '13:26:52',
jiefang: '478565.35',
daifang: '0.00',
yue: '44.14',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20250420',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 1018,
date: '20250421',
time: '10:57:41',
jiefang: '0.00',
daifang: '1000.00',
yue: '1044.14',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '10700101040218645',
jigou: '中国农业银行股份有限公司海安市支行',
riqi: '20250421',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 1019,
date: '20250422',
time: '22:05:27',
jiefang: '240.00',
daifang: '0.00',
yue: '804.14',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250422',
zhaiyao: '企业网银服务费',
beizhu: '企业网银高级版'
},
{
id: 1020,
date: '20250426',
time: '09:38:35',
jiefang: '0.00',
daifang: '100.00',
yue: '904.14',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '504070691148',
jigou: '中国银行海安江海路支行',
riqi: '20250426',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 1021,
date: '20250511',
time: '14:20:12',
jiefang: '0.00',
daifang: '718394.81',
yue: '719298.95',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250511',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1022,
date: '20250514',
time: '16:41:32',
jiefang: '154575.34',
daifang: '0.00',
yue: '564723.61',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250514',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 1023,
date: '20250515',
time: '07:02:59',
jiefang: '563819.47',
daifang: '0.00',
yue: '904.14',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20250515',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 1024,
date: '20250613',
time: '11:01:34',
jiefang: '0.00',
daifang: '1450293.55',
yue: '1451197.69',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250613',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1025,
date: '20250616',
time: '09:13:28',
jiefang: '637683.95',
daifang: '0.00',
yue: '813513.74',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20250616',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 1026,
date: '20250617',
time: '16:41:32',
jiefang: '812603.60',
daifang: '0.00',
yue: '910.14',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250617',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 1027,
date: '20250617',
time: '16:41:32',
jiefang: '6.00',
daifang: '0.00',
yue: '904.14',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250617',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 1028,
date: '20250621',
time: '01:35:17',
jiefang: '0.00',
daifang: '0.12',
yue: '904.26',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250621',
zhaiyao: '结息',
beizhu: ''
},
{
id: 1029,
date: '20250715',
time: '16:22:01',
jiefang: '0.00',
daifang: '1500000.00',
yue: '1500904.26',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250715',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1030,
date: '20250715',
time: '16:22:35',
jiefang: '0.00',
daifang: '1556825.14',
yue: '3057729.40',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250715',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1031,
date: '20250716',
time: '07:58:20',
jiefang: '964822.54',
daifang: '0.00',
yue: '2092906.86',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20250716',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 1032,
date: '20250716',
time: '15:42:16',
jiefang: '2091987.60',
daifang: '0.00',
yue: '919.26',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250716',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 1033,
date: '20250716',
time: '15:42:16',
jiefang: '15.00',
daifang: '0.00',
yue: '904.26',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250716',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 1034,
date: '20250807',
time: '01:59:00',
jiefang: '6.00',
daifang: '0.00',
yue: '898.26',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250807',
zhaiyao: '收费',
beizhu: '商务卡-单位结算卡年费'
},
{
id: 1035,
date: '20250807',
time: '11:08:34',
jiefang: '0.00',
daifang: '5.00',
yue: '903.26',
duifanghuming: '江苏知己新能源科技有限公司',
zhanghao: '513905049610666',
jigou: '招商银行股份有限公司海安支行',
riqi: '20250807',
zhaiyao: '电子汇入',
beizhu: '往来款'
},
{
id: 1036,
date: '20250816',
time: '11:25:30',
jiefang: '0.00',
daifang: '1400000.00',
yue: '1400903.26',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250816',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1037,
date: '20250816',
time: '11:27:01',
jiefang: '0.00',
daifang: '1475011.03',
yue: '2875914.29',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250816',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1038,
date: '20250817',
time: '07:13:20',
jiefang: '969358.68',
daifang: '0.00',
yue: '1906555.61',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20250817',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 1039,
date: '20250817',
time: '16:01:59',
jiefang: '1905637.35',
daifang: '0.00',
yue: '918.26',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250817',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 1040,
date: '20250817',
time: '16:01:59',
jiefang: '15.00',
daifang: '0.00',
yue: '903.26',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250817',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 1041,
date: '20250915',
time: '10:13:54',
jiefang: '0.00',
daifang: '1825348.10',
yue: '1826251.36',
duifanghuming: '海安新生医院',
zhanghao: '32001640200052500816',
jigou: '中国建设银行股份有限公司海安开发区支行',
riqi: '20250915',
zhaiyao: '电子汇入',
beizhu: '热量费'
},
{
id: 1042,
date: '20250915',
time: '11:01:48',
jiefang: '649912.23',
daifang: '0.00',
yue: '1176339.13',
duifanghuming: '国网江苏省电力有限公司',
zhanghao: '95598',
jigou: '中国银行江苏省分行营业部',
riqi: '20250915',
zhaiyao: '转账',
beizhu: '电费'
},
{
id: 1043,
date: '20250917',
time: '14:22:03',
jiefang: '1175432.76',
daifang: '0.00',
yue: '906.37',
duifanghuming: '贲可红',
zhanghao: '6228480429029954675',
jigou: '中国农业银行资金清算中心',
riqi: '20250917',
zhaiyao: '转账',
beizhu: '往来款'
},
{
id: 1044,
date: '20250917',
time: '14:22:03',
jiefang: '15.00',
daifang: '0.00',
yue: '891.37',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250917',
zhaiyao: '企业网银服务费',
beizhu: ''
},
{
id: 1045,
date: '20250921',
time: '01:55:03',
jiefang: '0.00',
daifang: '12.01',
yue: '903.38',
duifanghuming: '',
zhanghao: '',
jigou: '',
riqi: '20250921',
zhaiyao: '结息',
beizhu: ''
}
]

    }
},
mounted(){
    this.start=this.$route.query.start
    this.end=this.$route.query.end
    localStorage.setItem('start',this.$route.query.start );
   console.log(this.$route.query.start=='20240101','000000000000')
    if(this.$route.query.start==='20240101'){
        console.log('这是24年',this.list)
        this.list=this.list1
        
    }
      if(this.$route.query.start==='20250101'){
        this.list=this.list2
           console.log('这是25年',this.list)
    }
},
methods:{
 downlist(){
    //  const res = await fetch('/api/download', {
    //     method: 'GET'
    //   });

    //   const blob = await res.blob();
    //   const url = window.URL.createObjectURL(blob);
    //   const a = document.createElement('a');
    //   a.href = url;
    //   a.download = 'f.xlsx'; // 文件名
    //   a.click();
    //   window.URL.revokeObjectURL(url);
      this.$router.push({
        path:'/getMenuInfo/finished'
    })
    },
    formatNumber(val) {
      if (!val) return '0';
      return val.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
    }
    
 }



}
</script>

<style lang='less' scoped>
.huoqipage{
    width: 100%;
    .breakline{
        width: 100%;
        display: flex;
        align-items: center;
        background: #F5F4F9;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        font-size: 0.8rem;
        padding: 0.5rem 0.3rem;
        span{
            font-weight: bold;
        }
    }
    .numberline{
        width: 100%;
        border-bottom:  .1rem solid #5587A9;
        margin-top: 3rem;
        .num{
           width: 10rem;
           margin-left: 3rem;
            text-align: center;
            height: 1.5rem;
            line-height: 1.5rem;
            color: #318EAD;
            background: white;
           border-radius: 0.2rem;
            border-left: .1rem   solid  #5587A9;
             border-top: .1rem   solid  #5587A9;
              border-right: .1rem   solid  #5587A9;
              border-bottom: .0588rem   solid  #ffffff;
              z-index: 99;
              margin-bottom: -0.1rem;
        }

    }
    .zhanghubox{
        width: 100%;
        border: 1px solid #318EAD;
        margin-bottom: 2rem;
        .line{
            width: 100%;
            display: flex;
            align-items: center;
           
            box-sizing: border-box;
            padding: 0.3rem 0.1rem;
           border-bottom: .0054rem solid #d3d3d3;
            .label{
                display: flex;
                align-items: center;
                 text-align: right;
                 width: 40%;
                 .labeltitle{
                    width: 50%;
                    text-align: right;
                     background: #F6FBFF;
                 }
                span{
                    width: 60%;
                    margin-left: 1rem;
                    text-align: left;
                }
            }
            .value{
                display: flex;
                align-items: center;
                text-align: left;
                width: 60%;
                .labeltitle{
                    width: 50%;
                    text-align: right;
                    background: #F6FBFF;
                 }
                span{
                     width: 60%;
                    margin-left: 1rem;
                    text-align: left;
                }
            }
        }
    }
    .downline{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        box-sizing: border-box;
        padding: 0.5rem 0;
        color: #318EAD;
        .el-dropdown{
            color: #318EAD;
            cursor: pointer;
        }
      .iconfont{
        margin: 0 0.1rem 0 0.8rem;
      }
    }
     .selectline{
        width: 100%;
        box-sizing: border-box;
        background: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem 0.8rem;
        .down{
            display: flex;
            align-items: center;
            
            .itemdown{
                color: #488FBB;
                font-size: 0.8rem;
                display: flex;
                align-items: center;
                margin-right: 0.5rem;
                .iconfont{
                    font-size: 0.8rem;
                    margin-right: 0.2rem;
                }
            }
        }
     
    }
    .tablepage {

font-family: Arial, sans-serif;
color: #333;
font-size: 14px;
}
.account-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
border: 1px solid #259dff;
text-align: center;
}
/deep/.account-table thead tr{
   background:#C7E0F4;
}
.header{
    text-align: center;
    
    .top{
        color: #333;
font-weight: bold;
    }
}
.account-table th,
.account-table td {

padding: 8px 6px;
text-align: center;
.iconfont{
    color: #258BBF;
}

}
.account-table th {
background: #f7f7f7;
color: #333;
font-weight: bold;

}
.link {
color: #004b96;
cursor: pointer;
}
.actions {
padding: 2rem 0 3rem 0;
display: flex;
align-items: center;
justify-content: center;
background: white;
}
.actions button {
margin-right: 18px;
padding: 6px 14px;
border: 1px solid #1E90FF;
background: #2391D7;
color: #ffffff;
cursor: pointer;
border-radius: 4px;
}
.actions button:hover {
background: #1E90FF;
color: #fff;
}
.pageline{
    width: 100%;
   box-sizing: border-box;
   padding: 0.3rem 0.5rem;
   background: #F8FAF5;
   border: 1px solid #cccccc;
    .selectline{
           background: #F8FAF5;
    }
    .fenye{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        .fenyetitle{
            display: flex;
            align-items: center;
           position: absolute;
           left: 0;
           bottom: .1rem;
        }
        .home{
             color: #488FBB;
             margin-right: 0.2rem;
        }
        .shang{
           
            margin-right: 0.2rem;
        }
        .ye{
            margin-right: 0.2rem;
            border: 1px solid gray;  
            padding:0.1rem 0.2rem; 
        }
        .xia{
            margin-right: 0.2rem;
        }
        .all{
            
        }
        .tiao{
            display: flex;
            align-items: center;
            margin-right: 0.2rem;
            .box{
                width: 2rem;
                height: 1rem;
                border: 1px solid gray;
                margin-right: 0.2rem;
            }
        }
        .zhuan{
            color: #488FBB;
        }
    }
}
 .tips{
    width: 100%;
    background:#F6FAFD;
    padding: 1rem 0.5rem;
    margin-bottom: 2rem;
   
}
.tips h4 {
color: #e7160e;

}
.tips p {
margin: 3px 0;

}
.shuaxin{
    font-weight: bold;
    color: #488FBB;
}
   

}
</style>